*{
    margin: 0;
    padding: 0;
}
.header{
    height: 71px;
    width: auto;
    text-align: center;
    background: #18bebe url("../images/logo.png") no-repeat center;
}

a {
    text-decoration: none;
    color: black;
}

a:hover{
    cursor: pointer;
    /* background-color: #eee; */
}
.navigation{
    background-color: #f3f3f3;
    height: 40px;
}



.nav_content{
    text-align: center;
    position: relative;
    margin-left: auto;
    margin-right: auto;
    display: block;
    height: 40px;
    line-height: 40px;
    width: 1000px;
}

.nav_content a{
    color: #333;
    margin-right:60px;
    text-decoration: none;
    font-size: 15px;
    color:#333;
}
.nav_content span{
    font-size: 15px;
}
ol, ul, dl {
    list-style: none;
}

.nav_content .current{
    color: #fea700;
}

.left {
    float: left;
}

.center {
    text-align: center;
}

.location{
    float: left;
    overflow: hidden;
    position: relative;
}


.location >.icon {
    display: block;
    width: 19px;
    height: 19px;
    background: url("../images/location.png");
    position: absolute;
    top: 50%;
    margin-top: -10px;
}
.location > .first{
    margin-left: 30px;
}
.person{
    float:right;
    position: relative;
    overflow: hidden;
}

.person > .icon{
    width: 19px;
    height: 19px;
    top: 50%;
    margin-top: -10px;
    margin-left: 4px;
    position: absolute;
    background: url("../images/adm.png");
}

.person > .adm{
    padding-left: 20px;
    margin-left: 10px;
}


.person > .adm a {
    margin-right: 5px;
}
.selection-nav{
    height: 40px;
    line-height: 40px;
    width: 1000px;
    margin: 1px auto;
    padding-left: 15px;
}

.selection-menu{
    background-color: #f3f3f3;
    width: 1000px;
    border: 1px #f3f3f3 solid;
    margin: 0 auto;
    box-sizing: border-box;
    height: 150px;
    /* padding: 10px 0px 0px 0px; */
}


.selection-menu a:hover{
    background-color: #ffffff;
    outline: 2px #fca80e solid;
}
.catalog-type {
    margin-left: 18px;
}
.catalog-type > a{
    color: #18bebe;
}

.catalog-content{
    margin-left: 32px;
}

.indexSelect-png{
    margin-left: 10px;
}


.selection-menu li {
    margin-top: 12px;
    margin-bottom: 10px;
}

.selection-search{
    background-color: #f3f3f3;
    width: 1000px;
    border: 1px #f3f3f3 solid;
    margin: 0 auto;
    margin-top: 20px;
    margin-bottom: 20px;
    box-sizing: border-box;
    height: 60px;
    position: relative;
}

.selection-sort{
    height: 60px;
    line-height: 60px;
    width: 380px;
    position: absolute;
}

.selection-sort > span{
    padding-left: 10px;
    margin-right: 25px;
}

.search-div{
    position: absolute;
    height: 60px;
    right: 350px;
}
.search-text{
    position: relative;
    margin-top: 15px;
    height: 30px;
    width: 250px;
    border: 1px #f3f3f3 solid;
    background-color: #ffffff;
    border-radius: 15px 15px 15px 15px;
    padding-left: 11px;
    outline: none;

}
.search-icon{
    background:  no-repeat center;
    width: 20px;
    height: 30px;
    border: 0px #f3f3f3 solid;
    /* line-height: 40px; */
    left: 220px;
    top: 18px;
    position: absolute;
    outline: none;
}
.icon-center {
    position: absolute;
    margin-top: 0;
    margin-bottom: 0;
    top: 21px;
    right: 229px;
}
.selection-search .anyquestion{
    position: absolute;
    height: 60px;
    line-height: 60px;
    right: 25px;
}   

.anyquestion span a{
    color: #18bebe;
}

.content-list{
    width: 1000px;
    margin-left: auto;
    margin-right: auto;
}

.content-row{
    height: 300px;
    /* overflow: hidden; */
}

.content-col{
    height: 350px;
    width: 238px;
    background-color: #f3f3f3;
    border: 2px solid #dfdfdf;
    float: left;
    margin-bottom: 13px;
}

.content-list .content-col:not(:last-child){
    margin-right: 10px;
}
.content-col img{
    width: auto;
    display: block;
    margin: 15px auto;
    box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, .2);
}

.content-col p{
    margin-left: 15px;
    line-height: 23px;
    font-size: 15px;
    color: #000000;
}

.content-col .rank{
    font-size: 18px;
    margin-top: 5px;
    color: #18bebe;
    font-weight: bold;
    line-height: 30px;
}

.content-list .content-col:hover p:nth-child(n){
    color: #fca80e;
}
.blod {
    font-weight: bold;
}


.pager{
    width: 1000px;
    /* margin: 0 auto; */
    margin-top:30px;
    margin-bottom: 26px;
}

.pager button{
    outline: none;
    width: 80px;
    height: 25px;
    border: none;
    margin-right: 25px;
}

.pager span {
    margin-right: 25px;
}

.pager a:hover{
    color: #fca80e;
}

.pager input{
    width: 16px;
    height: 20px;
}

.confirm{
    background-color: #fca80e;
}


.code-verify {
    height: 83px;
    width: 1000px;
    margin: 0 auto;
    position: relative;
}

.binary-code{
    position: absolute;

}

.code-text{
    position: absolute;
    left: 100px;
}

.code-title{
    color: #18bebe;
    font-size: 22px;
    margin-top: 3px;
    margin-bottom: 10px;
}

.code-text-content {
    font-size: 13px;
    margin-bottom: 0px;
    color: #000000;
    line-height: 18px;
}



.footer{
    background-color:#515151;
    height: 240px;
    color: azure;
    margin-top: 20px;
}

.footer a{
    color: white;
}

.footer-content{
    width: 1000px;
    padding: 15px;
    box-sizing: border-box;
    margin: 0 auto;
}
.fonter-logo{
    float: left;
}
.fonter-logo img{
    margin-bottom: 20px;
}
.fonter-logo p{
    font-size: 14px;
    line-height: 23px;
    opacity: 0.8;
}

.fonter-logo .highlight{
    font-size: 16px;
    font-weight: bold;
    color: #ffffff;
    margin-bottom: 10px;
}

.fonter-social{
    display: inline-block;
    margin-top: 38px;
    margin-left: 100px;
    font-size: 14px;
}


.footer-col{
    position: relative;
}

.footer-col a {
    margin-left: 30px;
    margin-right: 60px;
    line-height: 35px;
    opacity: 0.8;
}

.footer-col img{
    margin-left: 35px;
    margin-right: 100px;
    position: absolute;
    top: 6px;
}

a.bottom-link  {
    margin-right: 8px;
    margin-left: 73px;
}

hr{
    border-bottom: 0px solid #6f7273;
    margin-top: 15px;
}

.copyright{
    margin-top: 15px;
    font-size: 14px;
    opacity: 0.8;
}

.copyright-left{
    float: left;
}
.copyright-right{
    float: right;
}
